<template>
	<view class="diy-more">
		<text class="diy-more-title">推荐商品</text>
		<text class="diy-more-btn" @click="onNavTo">更多</text>
	</view>
</template>

<script>
	export default {
		name: "more",
		props: ["title", "link"],
		methods: {
			onNavTo () {
				console.log("link", this.link)
				this.$navTo(this.link)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.diy-more {
		padding: 50rpx 16rpx 30rpx;
		display: flex;
		justify-content: space-between;
		&-title {
			font-size: 34rpx;
			font-weight: bold;
			line-height: 36rpx;
			color: #000000;
		}
		&-btn {
			padding-right: 36rpx;
			font-size: 24rpx;
			font-weight: normal;
			line-height: 36rpx;
			color: #AAAAAA;
			background: url("../../../../static/imgs/more.png") right center no-repeat;
			background-size: 36rpx;
		}
	}
</style>